<div>

    <h3>查询用户数据</h3>

    <!-- input starts -->
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                            <span class="input-group-addon">UserId</span>
                            <input type="text" ng-model="userId" class="form-control" placeholder="TYPE_INT" required>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <button ng-click="loadPlayerData(userId)" class="btn btn-primary">执行</button>
                        <button ng-click="editPlayerData()" class="btn btn-primary btn-warning" ng-show="dataView">编辑</button>
                        <button ng-click="clear()" onclick="return false;" class="btn">清除PlatformId</button>
                        <hr />
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- input ends -->


    <h3 ng-show="dataView">
        userId:{{ dataView.profile.userId }}
    </h3>

    <!-- main data part starts -->
    <div class="row" ng-show="dataView">

        <!-- single line data display starts -->
        <div class="col-md-6" >
            <div style="min-width:20%; top:100px;">
                <table class="table table-striped">
                    <colgroup>
                        <col width="30%">
                        <col width="70%">
                    </colgroup>
                    <tbody>
                    <tr ng-repeat="(column, value) in dataView.profile" ng-show="column != 'userId'">
                        <td>{{ column }}</td>
                        <td>{{ value }}</td>
                    </tr>
                    <tr ng-repeat="(column, value) in dataView.payment" ng-show="column != 'userId'">
                        <td>{{ column }}</td>
                        <td>{{ value }}</td>
                    </tr>
                    <tr ng-repeat="(column, value) in dataView.profileInfoList">
                        <td>{{ profileInfoName[column] }}</td>
                        <td>{{ value.info }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- single line data display ends -->

    </div>
    <!-- main data part ends -->

    <!-- modal dialogue starts -->
    <script type="text/ng-template" id="dataModal.html">
        <div class="modal-header">
            <h3>更新用户数据</h3>
        </div>
        <div class="modal-body">

            <div class="row" ng-repeat="(column, value) in profile">
                <div class="col-md-6">
                    <div class="input-group">
                        <span class="input-group-addon">{{ column }}</span>
                        <input type="text" ng-model="profile[column]" class="form-control" value="{{ value }}">
                    </div>
                </div>
            </div>

            <div class="row" ng-repeat="(column, value) in payment">
                <div class="col-md-6">
                    <div class="input-group">
                        <span class="input-group-addon">{{ column }}</span>
                        <input type="text" ng-model="payment[column]" class="form-control" value="{{ value }}">
                    </div>
                </div>
            </div>

            <div class="row" ng-repeat="(column, value) in profileInfoList">
                <div class="col-md-6">
                    <div class="input-group">
                        <span class="input-group-addon">{{ profileInfoName[column] }}</span>
                        <input type="text" ng-model="profileInfoList[column]" class="form-control" value="{{ value }}">
                    </div>
                </div>
            </div>


        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" ng-click="confirm(pk, profile, payment, profileInfoList)">提交</button>
            <button class="btn btn-warning" ng-click="cancel()">关闭</button>
        </div>
    </script>
    <!-- modal dialogue ends -->
</div>